<template>
    <div class='page-home'>
        <div class="home-entry">
            <div class="container">
                <HomeCategory/>
                <HomeBanner/>
            </div>
        </div>

        <HomeNew/>
        <HomeHot/>
        <HomeBrand/>
        <HomeProduct/>
        <HomeSpecial/>

    </div>
</template>

<script>
    import HomeCategory from "@/views/home/components/home-category";
    import HomeBanner from "@/views/home/components/home-banner";
    import XtxMore from "@/components/library/xtx-more";
    import HomeNew from "@/views/home/components/home-new";
    import HomeHot from "@/views/home/components/home-hot";
    import HomeBrand from "@/views/home/components/home-brand";
    import HomeGoods from "@/views/home/components/home-goods";
    import HomeProduct from "@/views/home/components/home-product";
    import HomeSpecial from "@/views/home/components/home-special";

    export default {
        name: "HomePage",
        components: {HomeSpecial, HomeProduct, HomeGoods, HomeBrand, HomeHot, HomeNew, XtxMore, HomeBanner, HomeCategory}
    }
</script>

<style scoped lang="less">
    .home-entry {
        background: #f5f5f5;
    }


</style>